<template>
  <div class="gongLue">
    <Head />
    <Nav />
    <Title />
    <main>
      <section>
        <Search />
        <div class="banner">
          <Lunbo />
        </div>
        <Choose />
        <Tuijian />
        <Newest />
      </section>
    </main>
  </div>
</template>

<script>
import Head from '@/components/pub/pub_head.vue'
import Nav from '@/components/pub/pub_nav.vue'
import Title from '@/components/gongLue/title.vue'
import Search from '@/components/gongLue/search.vue'
import Lunbo from '@/components/gongLue/lunbo.vue'
import Choose from '@/components/gongLue/choose.vue'
import Tuijian from '@/components/gongLue/tuijian.vue'
import Newest from '@/components/gongLue/newest.vue'
export default {
  components:{
    Head,
    Nav,
    Title,
    Search,
    Lunbo,
    Choose,
    Tuijian,
    Newest
  },
  methods: {

  }
}
</script>

<style scoped>
.gongLue main {
  height: 6.4rem;
  overflow-y: scroll;
}
.gongLue main section {
  padding: 0 0.15rem;
  min-height: 6.4rem;
}
.gongLue .banner{
  width: 100%;
  height: 1.74rem;
  /* background-color: rgb(245, 245, 245); */
}
</style>